
    <div class="group">
        <div class="head">Font Style</div>
        <div class="left pad">
            <div class="labelgroup">
                <div class="checkbox">
                    <input type="checkbox" onclick="bind(this);" value="bold" id="font-weight">
                </div>
                <label for="font-weight">Bold</label>
                <p class="clear">
                </p></div>                                
        </div>                                
        <div class="left pad">
            <div class="labelgroup">
                <div class="checkbox">
                    <input type="checkbox" onclick="bind(this);" value="italic" id="font-style">
                </div>
                <label for="font-style">Italic</label>
                <p class="clear">
                </p></div>                                
        </div>                                
        <div class="left pad">
            <div class="labelgroup">
                <div class="checkbox">
                    <input type="checkbox" onclick="bind(this);" value="underline" id="text-decoration">
                </div>
                <label for="text-decoration">Underline</label>
                <p class="clear">
                </p></div>                                
        </div> 
        <div class="left">
            <div class="labelgroup">
                <div class="checkbox">
                    <input type="checkbox" onclick="bind(this);" value="-9999" id="text-indent">
                </div>
                <label for="text-decoration">Hide</label>
                <p class="clear">
                </p></div>                                
        </div>                               
        <p class="clear">
        </p></div>

    <div class="group">
        <div class="head">Font Size</div>
        <div class="input">
            <select onchange="bind(this);" id="font-size">
                <option value="0px">0px</option>
                <option value="6px">6px</option>
                <option value="8px">8px</option>
                <option value="9px">9px</option>
                <option value="10px">10px</option>
                <option value="11px">11px</option>
                <option value="12px">12px</option>
                <option value="13px">13px</option>
                <option value="14px">14px</option>
                <option value="15px">15px</option>
                <option value="16px">16px</option>
                <option value="18px">18px</option>
                <option value="20px">20px</option>
                <option value="24px">24px</option>
                <option value="30px">30px</option>
                <option value="36px">36px</option>
            </select>
        </div>        
    </div>

    <div class="group">
        <div class="head">Font Type</div>
        <div class="input">
            <select onchange="bind(this);" id="font-family" class="setwidth">
                <option value="Arial">Arial</option>
                <option value="Comic Sans MS">Comic Sans MS</option>
                <option value="Courier">Courier</option>
                <option value="Georgia">Georgia</option>
                <option value="Lucida Grande">Lucida Grande</option>
                <option value="Trebuchet MS">Trebuchet MS</option>
                <option value="Times">Times</option>
                <option value="Verdana">Verdana</option>
            </select>
        </div>        
    </div>

    <div class="group">
        <div class="head">Color (hex code)</div>
        <div class="color">
            <div class="prefix">#</div>
            <div class="input">
                <input type="text" onblur="bind(this);" class="elmColor jscolor-picker" id="color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">
            </div>
            <div class="wheel"></div>
            <p class="clear"></p>
        </div>
    </div>

    <div class="group">
        <div class="head">Line Height</div>
        <div class="input">
            <select onchange="bind(this);" id="line-height">
                <option value="0px">0px</option>
                <option value="6px">6px</option>
                <option value="8px">8px</option>
                <option value="9px">9px</option>
                <option value="10px">10px</option>
                <option value="11px">11px</option>
                <option value="12px">12px</option>
                <option value="13px">13px</option>
                <option value="14px">14px</option>
                <option value="15px">15px</option>
                <option value="16px">16px</option>
                <option value="18px">18px</option>
                <option value="20px">20px</option>
                <option value="24px">24px</option>
                <option value="30px">30px</option>
                <option value="36px">36px</option>
            </select>
        </div>        
    </div>

    <div class="group">
        <div class="head">Align</div>
        <div class="input">
            <select onchange="bind(this);" id="text-align" class="setwidth">
                <option value="left">Left</option>
                <option value="center">Center</option>
                <option value="right">Right</option>
            </select>
        </div>        
    </div>
                            
